html { font-size: 62.5%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
* { box-sizing: border-box; }
fieldset, img { display: block; border: 0; margin: 0; padding: 0 }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400 }
ol, ul, li { list-style: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400 }
body { font-size: 1.4rem; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, "Microsoft YaHei", sans-serif; line-height: 24px; }
a { color: #333; text-decoration: none }
a:hover { color: #f44336; }
a:active { text-decoration: none }
.clear { clear: both; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.top1 { width: 100%; height: 29px; line-height: 28px; background-color: #ededed }
.top_c { width: 1200px; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; }
.top_c p { color: #007ab9; }
.top_c p a { color: #999 }
.top_c p a span { color: #ff811b }
.topc_r { color: #ccc; text-align: right }
.topc_r a { margin-left: 10px; margin-right: 10px; color: #007ab9; }
.topc_r a span { color: #016dc7 }
.header { width: 100%;/*background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#d3ecff));
	background: -moz-linear-gradient(top, #fff, #d3ecff);*/ }
.header_c { width: 1200px; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.header_c .mylogo { height: 90px; }
.header_c .mylogo img { height: 100%; }
.header_c .mylogo h1 { display: none }
.header_c .phone {; width: 20%; padding: 40px 0 40px 60px; background: url(/skin/hf/images/phone.png) no-repeat 15px 20px; }
.header_c .phone p { font-weight: bold; color: #007ab9; font-size: 24px; }
.header_c .search { width: 34%; }
.header_c .search form { border: 1px solid #9cc5e8; width: 100%; height: 35px; padding: 0px; border-radius: 18px; background: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items: center; overflow: hidden; }
.header_c .search input { outline: none; }
#search-keyword { float: left; width: 80%; height: 100%; font: normal 14px/22px Arial, "微软雅黑"; color: #999; border: none; padding-left: 15px; }
#Submit { height: 28px; width: 13%; border-radius: 14px; margin-right: 2.5px; border: none; background: url(/skin/hf/images/icon-lense.png) #007ab9 no-repeat center; background-size: auto 50%; }
.navBar { position: relative; z-index: 2; height: 54px; line-height: 54px; background-color: #007ab9; }
.nav { margin: 0 auto; overflow-x: clip; line-height: 54px; text-align: center; display: flex; flex-direction: row; justify-content: center; }
.nav .m { height: 54px; padding: 0 30px; position: relative; }
.nav a { text-decoration: none; font-weight: 700; color: #fff; font-size: 20px; line-height: 54px; }
.nav a:hover { }
.nav h3 { width: 100%; font-size: 100%; font-weight: normal; }
.nav h3 a { display: block; color: #ffffff; padding: 0; vertical-align: top; position: relative; }
li.has>h3>a:before { font-family: "FontAwesome"; content: "\f107"; font-weight: 700; display: inline-block; position: absolute; bottom: 50%; right: -18px; margin-bottom: -27px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.nav .on { color: #ff811b; }
.nav .on h3 a { color: #ffffff; }
.nav .sub { width: 2800px; padding: 0; position: absolute; top: 100%; left: 50%; margin-left: -1400px; display: flex; justify-content: center; flex-direction: row; background: rgb(191 233 255 / 70%); text-align: center; z-index: 100; opacity: 0; visibility: hidden; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.nav li.has .sub:before { border: 7px solid rgb(191 233 255 / 70%); border-color: transparent transparent rgb(191 233 255 / 70%) rgb(191 233 255 / 70%); content: ""; left: 50%; margin-left: 8px; position: absolute; top: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.nav .sub li { vertical-align: middle; position: relative; -webkit-transition: all .2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s; transition: all .2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s; opacity: 0; visibility: hidden; }
.nav>li:hover>.sub { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0) }
.nav>li:hover>.sub>li { opacity: 1; visibility: visible; }
.nav .sub li a { width: 130px; line-height: 54px; display: block; color: #333; }
.nav .sub li a:hover { color: #ffffff; background: #f44336; }
.nav #m7 h3 a { border-right: 1px solid #795548; }
.m-search { display: none; }
#navToggle { display: none; }
#navToggle { z-index: 2; padding: 15px 15px; position: fixed; top: 0; right: 0; }
#navToggle span { position: relative; width: 25px; height: 2px; margin-top: 10px; }
#navToggle span:before, #navToggle span:after { content: ''; position: relative; width: 100%; height: 2px; left: 0; }
#navToggle span, #navToggle span:before, #navToggle span:after { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; background: #ffffff; }
#navToggle span:before { top: 8px; }
#navToggle span:after { bottom: 10px; }
#navToggle.open span:before { top: 10px; -webkit-transform: translateY(-11px) rotate(-45deg); -moz-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -o-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); }
#navToggle.open span:after { bottom: 12px; -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
#navToggle.open span { background: none; }
#navToggle.open span:before, #navToggle.open span:after { background: #4f4f4f; }
.m_nav { position: fixed; width: 100%; height: 100%; background: #007ab9; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; padding-bottom: 50px; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%); }
.m_nav.open { transform: translateX(0); }
.m_nav .top { background: url(../images/home.png) 15px no-repeat; background-size: auto 60%; height: 60px; padding: 20px; box-sizing: border-box; }
.m_nav .top .closed { width: 30px; height: 30px; line-height: 30px; text-align: center; color: white; font-size: 2rem; float: right; cursor: pointer; }
.m_nav .ul { margin-top: 30px; }
.m_nav .ul li { padding: 0 20px; border-bottom: 1px solid #5175a2; transform: translateY(0); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; }
.m_nav.open .ul li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.m_nav .ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(7) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(8) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(9) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .ul li:nth-child(10) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.8s cubic-bezier(.77, 0, .175, 1) 0ms; }
.m_nav .dropdown a { background: url(../images/lidian.png) center left no-repeat, url(../images/icon_sub.png) center right no-repeat; background-size: auto 40%, auto 20%; padding-left: 40px; display: block; text-decoration: none; color: #fff; font-size: 16px; height: 50px; line-height: 50px; }
.m_nav .nonedown a { background: url(../images/lidian.png) center left no-repeat; background-size: auto 40%; padding-left: 40px; display: block; text-decoration: none; color: #fff; font-size: 16px; height: 50px; line-height: 50px; }
.m_nav .ul li .dropdown_menu { text-align: center; display: none; }
.m_nav .ul li.dropdown.active .dropdown_menu { display: block; }
.m_nav .ul li .dropdown_menu a { background: none; display: inline-block; height: 50px; width: 30%; line-height: 50px; padding: 0; }
.m_nav .ul li .dropdown_menu a:last-child { border: none; }
/* banner */
.banner { position: relative; }
.swiper-pagination { z-index: 6; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets { width: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); font-size: 0; vertical-align: middle; padding: 3px 9px; bottom: 28px; height: 20px; text-align: center; z-index: 10; }
.banner .swiper-pagination-bullet { width: 5px; height: 20px; background: #fff; display: inline-block; margin: 0 5px; border-radius: 5px; -webkit-transition: all .35s; -webkit-transform: scaleY(.5); transform-origin: bottom; opacity: 1; }
.banner .swiper-pagination-bullet-active { -webkit-transform: scaleY(1); background: #6da9de; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px }
.banner .swiper-container { width: 100%; height: 100% }
.banner .swiper-slide { position: relative; overflow: hidden; }
.banner .swiper-slide img { width: 100%; height: auto; min-height: 100%; transition: 1s linear 2s }
.banner .swiper-slide-active img, .banner .swiper-slide-duplicate-active img { transition: 16s linear; transform: scale(1.2, 1.2) }
.banner .banner_down { position: absolute; bottom: 0; left: 50%; margin-left: -50px; z-index: 2; }
.banner .banner_down img { width: 100%; height: auto; }
/* 头条 */
.headNew { width: 1200px; margin: 50px auto; padding: 0 10px; }
.headNew em { display: inline-block; color: #fff; padding: 0 5px; margin-right: 10px; background: #cf0000; border-radius: 0 8px 0 8px; -webkit-animation: up-down 1s linear 0s infinite alternate; -moz-animation: up-down 1s linear 0s infinite alternate; -o-animation: up-down 1s linear 0s infinite alternate; animation: up-down 1s linear 0s infinite alternate; }
.headNew, .subNew { text-align: center; }
.headNew a { font-size: 4rem; font-weight: bold; position: relative; }
.headNew a img { position: absolute; top: 30px; left: 0; z-index: -1; -webkit-animation: section-animation 3s infinite; animation: section-animation 3s infinite; }
@keyframes section-animation {
0% {
width:0
}
15% {
width:40%
}
85% {
opacity:1
}
90% {
width:40%;
opacity:0
}
to {
width:0;
opacity:0
}
}
.subNew a { color: #e46000; font-size: 14px; margin: 0 5px; }
.subNew { line-height: 22px; color: #666; padding-bottom: 10px; margin: 0 10px; }
.tabBox { display: none; }
.slideBox { display: none; }
.hfcp { width: 1200px; margin: 0 auto; margin-top: 50px; display: flex; flex-direction: column; }
.hfcp { width: 1200px; margin: 0 auto; margin-top: 50px; display: flex; flex-direction: column; position: relative; }
.banner-shape-inner .shape { position: absolute; width: 43px; height: 41px; opacity: .4; font-size: 2.8rem; -webkit-animation-duration: 3s; animation-duration: 3s; }
.banner-shape-inner .shape.aa { text-align: center; }
.banner-shape-inner .shape1 { top: -5%; left: -8%; color: #ffd2a5; }
.banner-shape-inner .shape2 { top: -4%; left: 37%; color: #ea90a7; }
.banner-shape-inner .shape3 { top: -4%; left: 102%; color: #d4cdd3; }
.banner-shape-inner .shape4 { top: 20%; right: 23%; color: #babaff; }
.banner-shape-inner .shape5 { top: 85%; left: 49%; color: #6daef2; z-index: 2; }
.banner-shape-inner .shape6 { top: 65%; left: -5%; color: #8bc34a; }
.banner-shape-inner .shape7 { top: 92%; right: -4%; color: #d897e4; }
@-webkit-keyframes rotate2d {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes rotate2d {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.rotate2d { -webkit-animation: rotate2d 2s linear infinite; animation: rotate2d 1s linear infinite; }
@-webkit-keyframes rotate-2d {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(-360deg);
 transform: rotate(-360deg);
}
}
@keyframes rotate-2d {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(-360deg);
 transform: rotate(-360deg);
}
}
.rotate-2d { -webkit-animation: rotate-2d 2s linear infinite; animation: rotate-2d 1s linear infinite; }
 @-webkit-keyframes rotate3d {
 0% {
 -webkit-transform: rotateY(0deg);
 transform: rotateY(0deg);
}
 100% {
 -webkit-transform: rotateY(360deg);
 transform: rotateY(360deg);
}
}
 @keyframes rotate3d {
 0% {
 -webkit-transform: rotateY(0deg);
 transform: rotateY(0deg);
}
 100% {
 -webkit-transform: rotateY(360deg);
 transform: rotateY(360deg);
}
}
.rotate3d { -webkit-animation: rotate3d 2s linear infinite; animation: rotate3d 1s linear infinite; }
.hfcp_t1 { width: 100%; height: 30px; line-height: 30px; font-size: 18px; margin-bottom: 15px; color: #7c7c7e; display: flex; justify-content: space-between; align-items: center; }
.hfcp_t1 p { }
.hfcp_t1 p a { font-size: 24px; font-weight: bold; color: #007ab9; }
.hfcp_t1 span a { font-size: 14px; color: #007ab9; }
/*tags*/
.tag-box { border-top: 1px solid #f0f0f0; margin: 10px auto; padding-top: 20px; width: 1200px; display: flex; justify-content: space-evenly; flex-wrap: wrap; }
.tag-box span { border: none; background-color: #007ab9; margin: 0 7px 10px; color: #fff; padding: 0 10px 0 16px; border-radius: 2px; font-size: 14px; }
.tag-box a { border: none; background: linear-gradient(0deg, #007ab9 0, #a6e0fe 100%); color: #fff; margin: 0 7px 10px; padding: 0 15px; border-radius: 2px; font-size: 14px; flex-grow: 1; }
.tag-box a:hover { background: #E2523A; color: #fff }
.tag-boxa { }
.tag-boxa span { border: none; background-color: #E2523A; color: #fff; display: inline-block; margin-bottom: 10px; margin-right: 10px; padding: 0 10px 0 16px; border-radius: 2px; font-size: 14px; }
.tag-boxa a { border: none; background-color: #999; color: #fff; display: inline-block; margin-bottom: 10px; margin-right: 10px; padding: 0 16px; border-radius: 2px; font-size: 14px; }
.tag-boxa a:hover { background-color: #E2523A; color: #fff }
.hfcp_t { box-shadow: 0px 7px 9px #c9c9c9; line-height: 43px; text-align: center; border-radius: 8px; overflow: hidden; }
.hfcp_t .pctag { display: flex; flex-direction: row; }
.hfcp_t .pctag li { width: 25%; }
.hfcp_t .on { color: #fff; background-color: #007ab9 }
.hfcp_t li a { color: #555; background-color: #bfe9ff; font-weight: bold; display: block; font-size: 1.8rem; }
.hfcp_t li a i { margin-left: 10px; }
.hfcp .on a { background: #007ab9; color: #fff; font-weight: bold; }
.hfcp_t a:hover { text-decoration: none; color: #fff; background: #007ab9; }
.hfcp_c { margin-top: 30px; overflow: hidden; }
.hfcp_c ul { background: #ffffff; display: flex; justify-content: space-between; flex-wrap: wrap; }
.hfcp_c ul li { width: 23.5%; overflow: hidden; }
.hfcp_c ul li .mask { width: 100%; height: 0; padding-top: 62.5%; position: relative; }
.hfcp_c ul>li>.mask>a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.hfcp_c ul li img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.hfcp_c ul li p { height: 50px; text-align: center; line-height: 35px; color: #555; font-size: 16px; overflow: hidden }
.hfcp_c ul li a { display: block; }
.hfcp_c ul li:hover img { opacity: .7; }
.con1 { width: 100%; overflow: hidden; background: url(/skin/hf/images/bg2.jpg) no-repeat; background-size: cover; }
.conxw { width: 1200px; margin: 0 auto; margin-top: 45px; display: flex; justify-content: space-between; }
.conxw .gsjj { display: flex; flex-direction: column; }
.gsjj { width: 40%; }
.gsjj_t { height: 25px; color: #7c7c7e }
.gsjj_t p a { font-size: 22px; color: #007ab9; font-weight: bold; }
.gsjj_t span { width: 100px; height: 25px; float: right; overflow: hidden; font-size: 14px; text-align: right }
.gsjj_t span a { color: #7c7c7e }
.gsjj_c { font-size: 16px; margin-top: 35px; margin-left: 20px; background: url(../images/about.jpg) no-repeat left; background-size: contain; display: flex; flex-direction: column; align-items: flex-end; border-radius: 10px; position: relative; }
.gsjj_c:before { content: ''; width: 50%; height: 100%; position: absolute; top: -20px; left: -20px; z-index: -1; background: rgb(0 0 0 / 0%) linear-gradient(to right, #007ab9, #77d0ff, rgb(0 0 0 / 0%)); ; border-bottom-left-radius: 10px; border-top-left-radius: 10px; }
.gsjj_c p { width: 53%; padding: 15px; border-radius: 5px; background: rgb(243 247 248 / 70%); font-weight: bold; line-height: 26px; text-indent: 26px; color: #333; text-align: justify; text-shadow: 0 2px 4px rgb(0 0 0 / 20%); }
.gsjj_btn { width: 100%; margin-top: 40px; }
.gsjj_btn a { padding: 0 15px; background: #007ab9; color: #fff; float: right; display: block; text-align: center; border-radius: 5px; -webkit-animation: up-down 1s linear 0s infinite alternate; -moz-animation: up-down 1s linear 0s infinite alternate; -o-animation: up-down 1s linear 0s infinite alternate; animation: up-down 1s linear 0s infinite alternate; }
@keyframes up-down {
0% {
transform:translateY(0px);
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px)
}
100% {
transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px)
}
}
.gsdt { width: 55%; float: right; }
.gsdt_t { height: 25px; color: #7c7c7e; display: flex; justify-content: space-between; }
.gsdt_t span a { font-size: 14px; color: #007ab9; }
.gsdt_t p a { font-size: 22px; color: #007ab9; font-weight: bold; }
.gsdt ul { display: flex; margin: 20px 0; flex-direction: column; }
.gsdt ul li { padding: 15px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; overflow: hidden; border-bottom: 1px solid #bfe9ff; box-shadow: 0px 1px 1px #ffffff; text-shadow: 0 2px 4px rgb(0 0 0 / 20%); }
.gsdt ul li .dtpic { width: 28%; }
.gsdt ul li .mask { width: 100%; height: 0; padding-top: 62%; position: relative; overflow: hidden; display: block; border-radius: 5px; }
.case_cover { z-index: 1; position: absolute; lefT: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0; filter: alpha(opacity=0); -moz-transition: all .4s .1s ease-out; -o-transition: all .4s .1s ease-out; transition: all .4s .1s ease-out; }
.case_cover.on { opacity: 0.3; filter: alpha(opacity=30); }
.gsdt ul li img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.gsdt ul li a { font-size: 18px; padding-right: 8px; }
.gsdt ul li:hover span { color: #007ab9; }
.newc { width: 60%; padding: 0 10px; display: flex; flex-direction: column; }
.newc span a { width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.newc span a em { position: absolute; top: 0; right: 0; background-color: #cf0000; display: block; width: 8px; height: 8px; border-radius: 50%; }
.newc p { display: -webkit-box; overflow: hidden; color: #8c8c8c; -webkit-line-clamp: 3; word-break: break-all; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: pre-wrap; }
.Time { color: #007ab9; width: 10%; border-left: 1px solid #e3e3e3; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; }
.Time span { font-size: 30px; line-height: 32px; }
/*------------------banner box star -----------------------*/
.platform_advantage_bg { position: relative; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.platform_advantage_bg_z { position: relative; bottom: 0; left: 0; width: 100%; height: 100%; }
.platform_advantage_bg li { position: absolute; display: block; width: 40px; height: 40px; background: rgba(255, 255, 255, .15); bottom: -160px; -webkit-animation: square 28s infinite; animation: square 28s infinite; -webkit-transition-timing-function: linear; transition-timing-function: linear }
.platform_advantage_bg_z li { position: absolute; display: block; width: 40px; height: 40px; background: rgba(255, 255, 255, .15); bottom: -300px; -webkit-animation: square_z 22s infinite; animation: square_z 22s infinite; -webkit-transition-timing-function: linear; transition-timing-function: linear }
.platform_advantage_bg li:nth-child(1), .platform_advantage_bg_z li:nth-child(1) { left: 10% }
.platform_advantage_bg li:nth-child(2), .platform_advantage_bg_z li:nth-child(2) { left: 20%; width: 80px; height: 80px; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-duration: 17s; animation-duration: 17s }
.platform_advantage_bg li:nth-child(3), .platform_advantage_bg_z li:nth-child(3) { left: 25%; -webkit-animation-delay: 400ms; animation-delay: 400ms }
.platform_advantage_bg li:nth-child(4), .platform_advantage_bg_z li:nth-child(4) { left: 40%; width: 60px; height: 60px; -webkit-animation-duration: 10s; animation-duration: 10s; background-color: rgba(255, 255, 255, .25) }
.platform_advantage_bg li:nth-child(5), .platform_advantage_bg_z li:nth-child(5) { left: 70% }
.platform_advantage_bg li:nth-child(6), .platform_advantage_bg_z li:nth-child(6) { left: 80%; width: 120px; height: 120px; -webkit-animation-delay: 3s; animation-delay: 3s; background-color: rgba(255, 255, 255, .2) }
.platform_advantage_bg li:nth-child(7), .platform_advantage_bg_z li:nth-child(7) { left: 32%; width: 100px; height: 100px; -webkit-animation-delay: 7s; animation-delay: 7s }
.platform_advantage_bg li:nth-child(8), .platform_advantage_bg_z li:nth-child(8) { left: 55%; width: 20px; height: 20px; -webkit-animation-delay: 15s; animation-delay: 15s; -webkit-animation-duration: 40s; animation-duration: 40s }
.platform_advantage_bg li:nth-child(9), .platform_advantage_bg_z li:nth-child(9) { left: 25%; width: 10px; height: 10px; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 40s; animation-duration: 40s; background-color: rgba(255, 255, 255, .3) }
.platform_advantage_bg li:nth-child(10), .platform_advantage_bg_z li:nth-child(9) { left: 90%; width: 120px; height: 120px; -webkit-animation-delay: 11s; animation-delay: 11s }
 @-webkit-keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-1700px)rotate(600deg);
 transform: translateY(-1700px)rotate(600deg)
}
}
 @keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-1700px)rotate(600deg);
 transform: translateY(-1700px)rotate(600deg)
}
}
 @-webkit-keyframes square_z {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-700px)rotate(500deg);
 transform: translateY(-700px)rotate(500deg)
}
}
 @keyframes square_z {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-700px)rotate(500deg);
 transform: translateY(-700px)rotate(500deg)
}
}
/*-----------------------banner box end------------------*/
/*==========Bubbles Animation CSS Start==========*/
.bubbles_wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; overflow: hidden; pointer-events: none; }
 @-webkit-keyframes animateBubble {
 0% {
 margin-top: 20%
}
 to {
 margin-top: -30%
}
}
 @-moz-keyframes animateBubble {
 0% {
 margin-top: 20%
}
 to {
 margin-top: -30%
}
}
 @keyframes animateBubble {
 0% {
 margin-top: 20%
}
 to {
 margin-top: -30%
}
}
 @-webkit-keyframes sideWays {
 0% {
 margin-left: 0
}
 to {
 margin-left: 25px
}
}
 @-moz-keyframes sideWays {
 0% {
 margin-left: 0
}
 to {
 margin-left: 25px
}
}
 @keyframes sideWays {
 0% {
 margin-left: 0
}
 to {
 margin-left: 25px
}
}
.x1 { -webkit-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 6%; top: 45%; background: #ff5219; }
.x2 { -webkit-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate; left: 5%; top: 80%; background: #0060ff; }
.x3 { -webkit-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 10%; top: 40%; background: #ff5219; }
.x4 { -webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate; left: 20%; top: 0; background: #0060ff; }
.x5 { -webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate; left: 30%; top: 50%; background: #ff5219; }
.x6 { -webkit-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 50%; top: 0; background: #0060ff; }
.x7 { -webkit-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 65%; top: 70%; background: #ff5219; }
.x8 { -webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate; left: 80%; top: 10%; background: #0060ff; }
.x9 { -webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate; left: 90%; top: 50%; background: #ff5219; }
.x10 { -webkit-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 80%; top: 80%; background: #0060ff; }
.bubble { position: absolute; border-radius: 2px; box-shadow: none; width: 5px; height: 5px; }
/*==========Bubbles Animation CSS End==========*/
.hy_pic { position: relative; width: 1200px; margin: 0 auto; margin-top: 40px; border-radius: 10px; overflow: hidden; }
.jdal { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 30px }
.jdal_t { display: flex; justify-content: space-between; align-items: center; height: 30px; line-height: 30px; margin-bottom: 15px; }
.jdal_t p a { font-size: 22px; color: #007ab9; font-weight: bold; }
.jdal_t span a { font-size: 14px; color: #007ab9; }
.jdal_c { width: 100%; }
.jdal_c .swiper-slide { text-align: center;/* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column; }
.jdal_c .swiper-slide .pic { height: 0; padding-bottom: 65%; position: relative; width: 100%; }
.jdal_c .swiper-slide .mask2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 10px; }
.jdal_c .swiper-slide img { width: 100%; height: 100%; display: block; object-fit: cover; cursor: pointer; border: none; }
.jdal_c .swiper-slide p { -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -ms-transition-duration: 300ms; transition-duration: 300ms; text-align: center; width: 100%; height: 30px; line-height: 30px; overflow: hidden; }
.links { width: 100%; height: 62px; overflow: hidden; margin-top: 40px; }
.links_c { width: 1200px; height: 52px; margin: 0 auto; line-height: 44px; background-image: url(../images/hy_05.jpg); background-repeat: no-repeat; background-position: left top; padding-left: 150px; overflow: hidden }
.links_c a { margin-right: 10px; margin-left: 10px; color: #7c7c7e; white-space: nowrap; }
.footer { width: 100%; overflow: hidden; background: radial-gradient(#007ab9, #0e1b38); background-repeat: repeat-x; background-position: top center; position: relative; z-index: 1; }
.fc { width: 1200px; overflow: hidden; margin: 60px auto; display: flex; justify-content: space-between; align-items: flex-end; }
.flcc .erwei { position: relative; }
.flcc .erwei img { height: 50px; }
.flcc .erwei:after { bottom: -20px; left: 0; content: ""; height: 3px; width: 85%; position: absolute; background: linear-gradient(to right, #007ab9, rgb(0 0 0 / 0%)); }
.fc p { color: #fff; line-height: 35px; margin-top: 40px }
.fc p i { margin-right: 20px; }
.fc p i:before { margin-right: 15px; color: #fff; width: 30px; height: 30px; line-height: 30px; background: #284e7d; font-size: 12px; display: block; text-align: center; border-radius: 4px; }
.fc p a { color: #fff }
.fc .bddt { overflow: hidden; border-radius: 15px; border: 2px solid #0475ad; }
.footer .copyright { width: 100%; overflow: hidden; height: 90px; }
.footer .copyright .copyright-center { width: 1200px; height: 100%; line-height: 90px; margin: 0 auto; display: flex; border-top: 1px solid #007ab9; color: #ffffff; font-size: 1.8rem; justify-content: space-between; }
.foc { display: none }
div.starfield { position: absolute; width: 100%; overflow: hidden; top: 0; left: 0; height: 100%; z-index: -1; }
div.starfield .static { position: absolute; left: 50%; top: 50%; width: 3px; height: 3px; border-radius: 100%; transform-origin: -31vw -38vh; box-shadow: 36vw -46vh 1px 0.75px rgba(255, 244, 245, 0.5235723442), -68vw -54vh 1px 0.75px rgba(252, 243, 255, 0.9688846036), 27vw -66vh 1px 0.75px #f3f6f1, 21vw -38vh 1px 0.75px rgba(241, 249, 243, 0.8680567471), -15vw -3vh 1px 0.75px rgba(252, 244, 250, 0.8741643268), -95vw -40vh 1px 0.75px #f1f4ff, -88vw 14vh 1px 0.75px #fcf3fb, -83vw 12vh 1px 0.75px #f6f8fe, -61vw 39vh 1px 0.75px #f7f2ff, 41vw 34vh 1px 0.75px rgba(246, 247, 248, 0.9318846392), -53vw -73vh 1px 0.75px rgba(255, 250, 247, 0.9158435917), -39vw 28vh 1px 0.75px #f8f8fa, 73vw -66vh 1px 0.75px #f1fbf5, 82vw -1vh 1px 0.75px rgba(242, 242, 242, 0.8414716373), 92vw -27vh 1px 0.75px rgba(245, 251, 250, 0.9663508769), 28vw -64vh 1px 0.75px #f1f9f1, 76vw 82vh 1px 0.75px #f1f9f6, 53vw -70vh 1px 0.75px #f7fdf7, -11vw -70vh 1px 0.75px rgba(251, 253, 241, 0.5709810522), -73vw -40vh 1px 0.75px #f9f1fb, -36vw 41vh 1px 0.75px #fdf1fe, -12vw -9vh 1px 0.75px rgba(247, 244, 242, 0.8454906488), 60vw 62vh 1px 0.75px #fdfaf4, -83vw 87vh 1px 0.75px rgba(245, 241, 244, 0.9176305322), 44vw -54vh 1px 0.75px rgba(242, 252, 248, 0.9693348061), 36vw -32vh 1px 0.75px #f9fafa, 41vw -61vh 1px 0.75px #f2faf8, 42vw -49vh 1px 0.75px rgba(249, 246, 254, 0.9134938038), -52vw 53vh 1px 0.75px #f3feff, 3vw -97vh 1px 0.75px rgba(249, 245, 247, 0.8889316068), -90vw 46vh 1px 0.75px #f8fafd, 23vw -29vh 1px 0.75px rgba(246, 247, 250, 0.6862141599), -33vw -63vh 1px 0.75px rgba(243, 253, 249, 0.6395580736), -2vw 50vh 1px 0.75px #f5faff, -96vw 67vh 1px 0.75px rgba(255, 241, 243, 0.8407892564), 29vw -95vh 1px 0.75px #f5f5f3, 3vw -27vh 1px 0.75px #fbfef6, -87vw 83vh 1px 0.75px rgba(253, 248, 246, 0.8165139252), 47vw 57vh 1px 0.75px #f9f5f1, -9vw -14vh 1px 0.75px rgba(245, 243, 246, 0.6535044176), 54vw 31vh 1px 0.75px #fff5f3, 25vw -52vh 1px 0.75px #f7faf3, 91vw -6vh 1px 0.75px #f8fff8, -21vw 88vh 1px 0.75px rgba(253, 245, 248, 0.7648848183), -29vw 45vh 1px 0.75px rgba(253, 241, 244, 0.6657591369), 61vw -47vh 1px 0.75px #f3fcf6, 57vw 23vh 1px 0.75px #f9f3fa, -90vw 100vh 1px 0.75px rgba(251, 244, 248, 0.9775995177), -27vw -93vh 1px 0.75px rgba(248, 251, 250, 0.5803350999), 28vw -29vh 1px 0.75px #f9f4fc, -80vw 67vh 1px 0.75px #f9f9fe, 90vw -18vh 1px 0.75px rgba(251, 251, 252, 0.6814187659), -82vw 27vh 1px 0.75px rgba(244, 248, 243, 0.893709482), -66vw 33vh 1px 0.75px #f1f8fc, 97vw 2vh 1px 0.75px rgba(244, 250, 241, 0.5214614359), -31vw -34vh 1px 0.75px rgba(245, 248, 244, 0.5625745825), 40vw -33vh 1px 0.75px #f6f6f9, 10vw 47vh 1px 0.75px #fefcf4, -49vw -20vh 1px 0.75px #f3f3f7, -61vw -11vh 1px 0.75px rgba(250, 244, 248, 0.7422571864), -67vw -2vh 1px 0.75px rgba(254, 243, 243, 0.8733439445), -39vw 17vh 1px 0.75px #f8f2f1, -36vw -56vh 1px 0.75px #f8faf6, 18vw -36vh 1px 0.75px rgba(249, 255, 248, 0.7808456449), -91vw 37vh 1px 0.75px #fcfef1, -67vw -26vh 1px 0.75px #f4f4fc, 50vw -79vh 1px 0.75px rgba(245, 244, 252, 0.6027408961), 73vw 82vh 1px 0.75px rgba(243, 252, 255, 0.575434172), -24vw -97vh 1px 0.75px #f4f6ff, -87vw -23vh 1px 0.75px #fffcf9, 81vw 78vh 1px 0.75px rgba(250, 251, 255, 0.800520426), -18vw -98vh 1px 0.75px #fbfefc, 19vw -33vh 1px 0.75px #fefdff, -36vw -21vh 1px 0.75px #f3f4f2, 16vw -39vh 1px 0.75px rgba(243, 254, 247, 0.726988897), 47vw -57vh 1px 0.75px rgba(248, 244, 245, 0.5195989269), -83vw -81vh 1px 0.75px #fefdf2, -44vw -19vh 1px 0.75px rgba(245, 242, 243, 0.8433148122), 58vw -37vh 1px 0.75px rgba(255, 245, 249, 0.9858396814), 61vw -76vh 1px 0.75px rgba(249, 247, 245, 0.7973323753), -59vw 45vh 1px 0.75px rgba(246, 254, 254, 0.5407901041), -20vw 73vh 1px 0.75px #fef8f1, -57vw -77vh 1px 0.75px #fefff2, -84vw 20vh 1px 0.75px rgba(247, 250, 254, 0.620131291), 77vw 20vh 1px 0.75px #f6fafd, 87vw -15vh 1px 0.75px rgba(249, 250, 246, 0.7752325345), 19vw 60vh 1px 0.75px #fbfafb, 84vw 37vh 1px 0.75px #f5fef7, 69vw -79vh 1px 0.75px #fff4fb, 64vw -90vh 1px 0.75px #f2f2f2, 70vw 21vh 1px 0.75px #fcf8f3, -63vw 86vh 1px 0.75px rgba(241, 253, 250, 0.881736872), -99vw -89vh 1px 0.75px rgba(255, 255, 245, 0.808938129), 13vw 58vh 1px 0.75px rgba(251, 247, 251, 0.6117021217), 69vw -43vh 1px 0.75px rgba(241, 252, 255, 0.7327540053), 35vw -94vh 1px 0.75px #f4fbf5, 21vw -13vh 1px 0.75px rgba(251, 253, 244, 0.5327758874), -6vw -99vh 1px 0.75px #fdfdf4, -28vw -81vh 1px 0.75px #fdf6fb, -91vw 39vh 1px 0.75px #f1f2f1; width: 1px; height: 1px; }
div.starfield .moving-1 { position: absolute; left: 50%; top: 50%; width: 3px; height: 3px; border-radius: 100%; transform-origin: -31vw -38vh; box-shadow: 98vw -71vh 1px 0.75px rgba(251, 254, 249, 0.5796560731), 60vw -74vh 1px 0.75px #f8f7f7, 28vw 43vh 1px 0.75px rgba(244, 241, 248, 0.6620956293), 46vw -74vh 1px 0.75px #f5f9f9, 23vw 30vh 1px 0.75px #f2f6f2, -63vw 77vh 1px 0.75px #f6f6f9, -30vw 20vh 1px 0.75px rgba(255, 254, 242, 0.95287468), -55vw -26vh 1px 0.75px rgba(241, 244, 253, 0.883166328), 26vw 2vh 1px 0.75px #f2f3f7, 71vw -60vh 1px 0.75px rgba(248, 252, 241, 0.5509532549), 74vw -17vh 1px 0.75px rgba(249, 246, 244, 0.7413498004), 96vw 16vh 1px 0.75px rgba(247, 246, 253, 0.6869293477), -36vw 53vh 1px 0.75px #fbf8f5, 22vw 94vh 1px 0.75px #f1f2fe, -59vw 90vh 1px 0.75px #f5f5f1, 45vw 59vh 1px 0.75px #fbf2f5, -59vw 90vh 1px 0.75px rgba(252, 245, 252, 0.937959723), 42vw -83vh 1px 0.75px rgba(244, 251, 247, 0.759251987), -29vw 83vh 1px 0.75px #f5fdf4, 34vw -96vh 1px 0.75px rgba(248, 254, 254, 0.547830485), 16vw -5vh 1px 0.75px rgba(251, 245, 252, 0.8815244488), 69vw 64vh 1px 0.75px #fcfcf4, 13vw -25vh 1px 0.75px rgba(254, 251, 242, 0.9875626299), 94vw -52vh 1px 0.75px rgba(246, 249, 244, 0.7827653594), 53vw 40vh 1px 0.75px #f5fbf3, -36vw 27vh 1px 0.75px #f7faff, -16vw 48vh 1px 0.75px #fef8f9, -46vw -68vh 1px 0.75px rgba(253, 241, 252, 0.8559579086), -31vw -88vh 1px 0.75px rgba(241, 241, 243, 0.5032175611), 61vw 91vh 1px 0.75px rgba(251, 244, 248, 0.5219877666), -82vw 27vh 1px 0.75px #f4f9f7, 19vw -96vh 1px 0.75px #f5fdf4, -74vw -74vh 1px 0.75px #f2fef5, -30vw 86vh 1px 0.75px rgba(247, 250, 243, 0.996487551), 92vw -2vh 1px 0.75px rgba(252, 245, 246, 0.7235354241), 99vw 1vh 1px 0.75px rgba(248, 250, 250, 0.9360883972), 88vw -73vh 1px 0.75px #fafbfc, 77vw 96vh 1px 0.75px #faf6fa, 17vw 95vh 1px 0.75px rgba(244, 248, 241, 0.5054011713), 42vw 5vh 1px 0.75px rgba(246, 249, 254, 0.785195719), -97vw 68vh 1px 0.75px rgba(251, 245, 245, 0.7938347435), 7vw -95vh 1px 0.75px rgba(243, 249, 255, 0.5113630258), 75vw -99vh 1px 0.75px #f3fcf7, 23vw -96vh 1px 0.75px #f1fdfd, 7vw 37vh 1px 0.75px rgba(242, 251, 254, 0.7921848084), -76vw 50vh 1px 0.75px rgba(254, 251, 253, 0.5466062608), -89vw -47vh 1px 0.75px #f7f4fc, 64vw 60vh 1px 0.75px #f5f3f4, 35vw -93vh 1px 0.75px rgba(244, 244, 253, 0.9113821496), -32vw 14vh 1px 0.75px rgba(255, 249, 247, 0.5448893182), 93vw 79vh 1px 0.75px rgba(243, 253, 243, 0.5715573667), 30vw -37vh 1px 0.75px rgba(246, 252, 252, 0.5706466807), 56vw 4vh 1px 0.75px rgba(248, 248, 252, 0.8380061132), 29vw -89vh 1px 0.75px rgba(245, 251, 241, 0.7265369866), 85vw -99vh 1px 0.75px rgba(247, 248, 252, 0.7803772343), -10vw 9vh 1px 0.75px rgba(250, 249, 253, 0.5637405381), 44vw 22vh 1px 0.75px rgba(246, 243, 241, 0.8564573626), 79vw 67vh 1px 0.75px #fff4fe, 3vw -54vh 1px 0.75px rgba(253, 253, 254, 0.70205046), -36vw -14vh 1px 0.75px rgba(249, 250, 244, 0.9694684202), 32vw -34vh 1px 0.75px #fffffb, -6vw -95vh 1px 0.75px rgba(253, 252, 252, 0.9187564777), 96vw -45vh 1px 0.75px rgba(242, 250, 252, 0.8899203059), 79vw -68vh 1px 0.75px rgba(253, 245, 244, 0.7345401342), -19vw 60vh 1px 0.75px #f1fbfb, 33vw 97vh 1px 0.75px #fbf1ff, -28vw 25vh 1px 0.75px rgba(242, 248, 245, 0.5307262917), -41vw -98vh 1px 0.75px #faf6f1, -24vw -83vh 1px 0.75px #fff4f9, 45vw -20vh 1px 0.75px rgba(248, 243, 250, 0.5240054996), 28vw 39vh 1px 0.75px rgba(250, 243, 250, 0.5274017566), 90vw 31vh 1px 0.75px #f8f6f9, -96vw -21vh 1px 0.75px #f8f7f2, 96vw 9vh 1px 0.75px rgba(247, 251, 247, 0.7435375515), -64vw -52vh 1px 0.75px #f5f8f3, 95vw -87vh 1px 0.75px rgba(243, 248, 243, 0.9133779279), 39vw -71vh 1px 0.75px #fbfcfa, -58vw 0vh 1px 0.75px #fbf5f7, -99vw -40vh 1px 0.75px #fff8f1, 80vw 84vh 1px 0.75px rgba(243, 243, 254, 0.8503211098), -46vw 2vh 1px 0.75px rgba(253, 242, 245, 0.5192076591), -99vw 54vh 1px 0.75px rgba(252, 241, 246, 0.7197874037), -71vw -13vh 1px 0.75px rgba(245, 253, 242, 0.8075053814), 8vw 77vh 1px 0.75px #f5f1f1, 80vw -98vh 1px 0.75px #fff8f1, -35vw -4vh 1px 0.75px #f6f3fb, -5vw -90vh 1px 0.75px #fbfdf1, 90vw -29vh 1px 0.75px rgba(251, 249, 241, 0.807057173), -20vw 73vh 1px 0.75px rgba(246, 242, 252, 0.5286088298), -46vw 83vh 1px 0.75px #f2faf1, -18vw 13vh 1px 0.75px #f1f2fc, 70vw 50vh 1px 0.75px #fff9fa, -82vw -18vh 1px 0.75px rgba(249, 254, 255, 0.835895734), 27vw -52vh 1px 0.75px rgba(246, 243, 243, 0.5915919663), 79vw -97vh 1px 0.75px #f3faf6, -27vw -84vh 1px 0.75px rgba(246, 245, 249, 0.6195757299), 25vw 95vh 1px 0.75px #f6f6fd, -83vw 95vh 1px 0.75px rgba(248, 250, 255, 0.995678514), 18vw -96vh 1px 0.75px #fafbf9, -87vw -52vh 1px 0.75px #f6fcf4; animation: star-movement 9s cubic-bezier(0.55, 0, 1, 0.45) infinite, direction-movement 30s ease-in-out alternate infinite; }
div.starfield .moving-2 { position: absolute; left: 50%; top: 50%; width: 3px; height: 3px; border-radius: 100%; transform-origin: -31vw -38vh; box-shadow: 40vw -74vh 1px 0.75px rgba(243, 253, 243, 0.6976853084), -93vw 42vh 1px 0.75px rgba(241, 241, 245, 0.5218902844), -6vw 27vh 1px 0.75px #f3ffff, -21vw -9vh 1px 0.75px #fef9f9, 70vw -13vh 1px 0.75px rgba(245, 253, 246, 0.632556686), 24vw -76vh 1px 0.75px rgba(247, 241, 242, 0.6379328074), 36vw -80vh 1px 0.75px #f1faf9, 33vw -49vh 1px 0.75px #f4fdf6, 23vw 2vh 1px 0.75px rgba(244, 250, 246, 0.7003595363), -46vw 41vh 1px 0.75px #fef6f3, 49vw -62vh 1px 0.75px rgba(249, 251, 241, 0.7464029821), 36vw 62vh 1px 0.75px #f3fafe, 87vw 44vh 1px 0.75px #f8f6f6, 24vw 70vh 1px 0.75px rgba(243, 249, 250, 0.9627452695), -36vw 81vh 1px 0.75px rgba(245, 241, 250, 0.8348169547), 65vw -86vh 1px 0.75px rgba(251, 250, 255, 0.6697964858), -78vw 27vh 1px 0.75px rgba(251, 250, 245, 0.6678135489), -99vw 84vh 1px 0.75px #fbfbf2, -66vw 63vh 1px 0.75px rgba(248, 247, 251, 0.6429325607), 54vw -53vh 1px 0.75px rgba(245, 241, 252, 0.8622728604), -51vw -13vh 1px 0.75px #fcf7f2, -93vw -91vh 1px 0.75px rgba(246, 242, 242, 0.7987353667), 80vw 91vh 1px 0.75px #f8f5f3, 67vw -66vh 1px 0.75px #f9f3f1, 47vw 78vh 1px 0.75px rgba(245, 250, 244, 0.74760595), -22vw 57vh 1px 0.75px rgba(246, 247, 247, 0.7581258614), -96vw -5vh 1px 0.75px #f9f5f5, 82vw -26vh 1px 0.75px #f3f7fc, 62vw -6vh 1px 0.75px #f2f7f1, 49vw 83vh 1px 0.75px rgba(248, 251, 252, 0.7898566349), 30vw 45vh 1px 0.75px rgba(247, 241, 253, 0.8091298881), -24vw -54vh 1px 0.75px #f7fcf8, 53vw -22vh 1px 0.75px rgba(254, 244, 249, 0.573485027), -48vw 88vh 1px 0.75px #f3f8f8, -89vw -52vh 1px 0.75px rgba(247, 249, 249, 0.6259997331), 0vw 82vh 1px 0.75px #f1f7f5, -25vw 9vh 1px 0.75px rgba(252, 242, 255, 0.5956961941), -7vw 31vh 1px 0.75px rgba(253, 253, 247, 0.553963104), 35vw 62vh 1px 0.75px rgba(254, 245, 254, 0.8865271661), -9vw -53vh 1px 0.75px #f8fbfa, 10vw -81vh 1px 0.75px #faf4fa, -75vw 8vh 1px 0.75px #f6f1f2, 50vw -51vh 1px 0.75px #fbf9fc, 99vw 32vh 1px 0.75px #fffaf1, -98vw -1vh 1px 0.75px rgba(248, 245, 249, 0.5978577971), 79vw -65vh 1px 0.75px rgba(243, 243, 245, 0.8759631083), 18vw 29vh 1px 0.75px #f5f3f6, -90vw -94vh 1px 0.75px #f2f5fb, -4vw -51vh 1px 0.75px #f2fef6, 62vw 71vh 1px 0.75px #f9f6fc, 70vw 33vh 1px 0.75px rgba(243, 246, 249, 0.8400624172), -14vw 71vh 1px 0.75px rgba(249, 246, 241, 0.719868869), 77vw -49vh 1px 0.75px #f9f9f4, 56vw -68vh 1px 0.75px #f1f1f6, 87vw -50vh 1px 0.75px #fdf9fd, -13vw 24vh 1px 0.75px rgba(254, 255, 245, 0.8050234245), 20vw -5vh 1px 0.75px rgba(254, 249, 255, 0.7744509303), 29vw -22vh 1px 0.75px rgba(254, 252, 249, 0.8683826021), 54vw -35vh 1px 0.75px snow, 19vw -30vh 1px 0.75px #f5f5f3, 99vw -48vh 1px 0.75px rgba(245, 245, 249, 0.5407473116), -84vw -26vh 1px 0.75px #f7f5fe, 38vw -24vh 1px 0.75px #f1fbf6, -48vw 33vh 1px 0.75px rgba(246, 255, 254, 0.6254991258), 28vw 15vh 1px 0.75px rgba(250, 245, 253, 0.8310338887), 73vw 91vh 1px 0.75px rgba(253, 242, 254, 0.7767698708), -65vw 96vh 1px 0.75px #f4f1f8, 8vw -48vh 1px 0.75px rgba(253, 246, 246, 0.8645967089), -22vw -85vh 1px 0.75px #f9f3f8, 36vw 63vh 1px 0.75px rgba(254, 253, 241, 0.6785751691), 99vw 37vh 1px 0.75px rgba(247, 247, 247, 0.582057336), 56vw -76vh 1px 0.75px #fffcfd, 83vw -12vh 1px 0.75px rgba(247, 250, 248, 0.8136677806), 26vw -12vh 1px 0.75px #fef9fd, 100vw 82vh 1px 0.75px rgba(250, 242, 248, 0.6861693788), 73vw -21vh 1px 0.75px #fbfcfb, -91vw -24vh 1px 0.75px rgba(253, 245, 241, 0.7598353681), 94vw 49vh 1px 0.75px rgba(254, 252, 251, 0.7513094056), -18vw 14vh 1px 0.75px rgba(247, 241, 247, 0.8442176478), -80vw 99vh 1px 0.75px #fcf3f8, -21vw 22vh 1px 0.75px #fdfaf6, 9vw 56vh 1px 0.75px rgba(241, 252, 250, 0.9484880841), -86vw 63vh 1px 0.75px #fffff7, 97vw 93vh 1px 0.75px rgba(246, 243, 246, 0.7090860489), -47vw 100vh 1px 0.75px #fbf6f6, 57vw -62vh 1px 0.75px #f9f2f5, -60vw 60vh 1px 0.75px rgba(250, 248, 246, 0.8128038178), -63vw 85vh 1px 0.75px #fcfcf9, -76vw -58vh 1px 0.75px #f4faf4, -8vw 93vh 1px 0.75px rgba(253, 250, 245, 0.7038606127), -95vw 32vh 1px 0.75px rgba(242, 252, 245, 0.8777265504), 53vw -8vh 1px 0.75px #f7f9f6, 49vw -13vh 1px 0.75px #f5f9fd, -41vw -60vh 1px 0.75px #f1faf1, -67vw 41vh 1px 0.75px rgba(254, 255, 254, 0.7231559202), 2vw 68vh 1px 0.75px #f9f3f6, -63vw 100vh 1px 0.75px #fbf1fc, -82vw 41vh 1px 0.75px #f8fff9, -72vw 95vh 1px 0.75px rgba(246, 244, 254, 0.8975317144), -42vw -56vh 1px 0.75px rgba(248, 253, 247, 0.5535049695); animation: star-movement 9s -3s cubic-bezier(0.55, 0, 1, 0.45) infinite, direction-movement 30s ease-in-out alternate infinite; }
div.starfield .moving-3 { position: absolute; left: 50%; top: 50%; width: 3px; height: 3px; border-radius: 100%; transform-origin: -31vw -38vh; box-shadow: -44vw 6vh 1px 0.75px #f2f3fb, -80vw 15vh 1px 0.75px rgba(243, 250, 243, 0.516430015), 27vw -53vh 1px 0.75px #f3f7f6, -72vw 67vh 1px 0.75px #f2f7fd, 67vw -22vh 1px 0.75px #fef1fe, 84vw 49vh 1px 0.75px rgba(251, 243, 255, 0.6223981162), -99vw 33vh 1px 0.75px #fdf7f1, -19vw 69vh 1px 0.75px #f1f4f3, 24vw 62vh 1px 0.75px rgba(249, 244, 245, 0.847846961), -48vw 15vh 1px 0.75px rgba(252, 252, 243, 0.9462591898), -18vw 42vh 1px 0.75px rgba(242, 252, 248, 0.5148233329), -7vw -11vh 1px 0.75px rgba(254, 251, 242, 0.523792914), -37vw 21vh 1px 0.75px rgba(253, 251, 250, 0.6881076159), -47vw -23vh 1px 0.75px rgba(243, 242, 243, 0.6893285365), -79vw -28vh 1px 0.75px #f4f5fd, -33vw 85vh 1px 0.75px rgba(243, 241, 253, 0.8328932503), 63vw -7vh 1px 0.75px #fdf7ff, 94vw 26vh 1px 0.75px #f1fefc, -21vw 27vh 1px 0.75px rgba(244, 241, 251, 0.9303236812), -3vw -78vh 1px 0.75px rgba(254, 245, 245, 0.8262886947), 50vw -42vh 1px 0.75px #f6fef4, 75vw 7vh 1px 0.75px #fbf4f7, 52vw -37vh 1px 0.75px #f1f6f8, 11vw 64vh 1px 0.75px #f7f2fe, -89vw 23vh 1px 0.75px rgba(245, 242, 250, 0.5728733726), 38vw -48vh 1px 0.75px #f4fdf7, 61vw 66vh 1px 0.75px #f5f3f5, -25vw -43vh 1px 0.75px #f8f3f4, 6vw 77vh 1px 0.75px rgba(241, 246, 252, 0.7924307884), 66vw 56vh 1px 0.75px rgba(247, 247, 248, 0.7896422377), 95vw 2vh 1px 0.75px rgba(249, 247, 246, 0.590453276), 9vw -33vh 1px 0.75px #fefcff, -44vw -94vh 1px 0.75px rgba(250, 249, 248, 0.7011202204), 43vw 0vh 1px 0.75px #fdfaf8, 43vw 87vh 1px 0.75px rgba(250, 241, 246, 0.7653099926), -18vw -25vh 1px 0.75px rgba(241, 249, 241, 0.5380415257), -16vw 42vh 1px 0.75px #f9fef1, -82vw 62vh 1px 0.75px rgba(243, 241, 243, 0.7823410134), -88vw -31vh 1px 0.75px rgba(245, 249, 243, 0.5612056516), -84vw 69vh 1px 0.75px #f5fcf9, -40vw 4vh 1px 0.75px rgba(246, 245, 252, 0.6526124422), -18vw 32vh 1px 0.75px #f6f9f8, -26vw 47vh 1px 0.75px rgba(252, 247, 243, 0.5120760699), 11vw 74vh 1px 0.75px #f4f4f6, 88vw 64vh 1px 0.75px rgba(254, 242, 255, 0.6278793349), 1vw 100vh 1px 0.75px #fdf5fb, -12vw -52vh 1px 0.75px #fff1fa, -81vw 2vh 1px 0.75px #f9f9fa, -74vw 78vh 1px 0.75px rgba(253, 247, 250, 0.6531596142), 29vw 35vh 1px 0.75px rgba(254, 244, 244, 0.5155631285), -50vw 11vh 1px 0.75px #f4fcfc, -95vw -18vh 1px 0.75px rgba(245, 241, 241, 0.5907147267), 75vw 76vh 1px 0.75px rgba(252, 253, 245, 0.6198726616), 8vw 26vh 1px 0.75px rgba(242, 254, 244, 0.6958144356), -84vw -22vh 1px 0.75px #f6f5fd, 55vw -21vh 1px 0.75px #fdf1fa, -27vw 38vh 1px 0.75px rgba(241, 248, 248, 0.5923234092), -41vw -69vh 1px 0.75px rgba(244, 243, 250, 0.7658755818), 99vw 71vh 1px 0.75px rgba(253, 251, 248, 0.7687157225), -35vw -13vh 1px 0.75px rgba(254, 255, 246, 0.9431341704), -66vw -30vh 1px 0.75px #f8f3f2, -54vw -97vh 1px 0.75px #f5fffe, -31vw 73vh 1px 0.75px rgba(242, 249, 249, 0.6221945971), -78vw 51vh 1px 0.75px rgba(241, 255, 244, 0.9122044389), 74vw -79vh 1px 0.75px rgba(249, 250, 253, 0.6143912375), -85vw -54vh 1px 0.75px #fff7ff, 8vw -50vh 1px 0.75px #f3fbf5, -55vw 8vh 1px 0.75px #fff5f9, 49vw -98vh 1px 0.75px #f1f3fd, -87vw 27vh 1px 0.75px rgba(248, 242, 246, 0.7316524966), -50vw 43vh 1px 0.75px rgba(242, 255, 242, 0.9689863526), -81vw -81vh 1px 0.75px rgba(247, 245, 251, 0.7452617459), 8vw -90vh 1px 0.75px #f7f8f1, -10vw 52vh 1px 0.75px rgba(245, 251, 242, 0.8692656615), -30vw -52vh 1px 0.75px #f9fff1, 49vw -46vh 1px 0.75px #f2f6f8, 63vw 99vh 1px 0.75px #f7f9fd, -67vw 14vh 1px 0.75px #f1f8fc, 69vw 95vh 1px 0.75px #f3f3f2, 56vw -55vh 1px 0.75px rgba(247, 253, 253, 0.7457878729), -4vw 84vh 1px 0.75px rgba(242, 252, 243, 0.7350566017), -61vw -68vh 1px 0.75px rgba(245, 252, 243, 0.5956419672), -30vw 88vh 1px 0.75px rgba(247, 249, 245, 0.7603800395), 80vw 41vh 1px 0.75px #fefdf7, -33vw 88vh 1px 0.75px rgba(248, 252, 250, 0.6284337101), -45vw 3vh 1px 0.75px #fdf8fd, 71vw 57vh 1px 0.75px #fbfcf5, -67vw 36vh 1px 0.75px #fffef1, 16vw 32vh 1px 0.75px #f2fff9, -8vw 9vh 1px 0.75px rgba(249, 245, 243, 0.5095446679), -10vw -57vh 1px 0.75px rgba(253, 255, 246, 0.5957843896), 56vw 92vh 1px 0.75px rgba(244, 244, 248, 0.6443797484), 62vw 51vh 1px 0.75px rgba(254, 241, 255, 0.6773818306), -41vw 29vh 1px 0.75px rgba(245, 248, 242, 0.8849121272), 75vw 74vh 1px 0.75px #f3fefd, -20vw 91vh 1px 0.75px #fcfaf1, -49vw 56vh 1px 0.75px #fbfbf3, -80vw -50vh 1px 0.75px rgba(241, 241, 242, 0.8231185693), -97vw 13vh 1px 0.75px #f6faf2, 43vw -50vh 1px 0.75px rgba(253, 255, 252, 0.8920248562); animation: star-movement 9s -6s cubic-bezier(0.55, 0, 1, 0.45) infinite, direction-movement 30s ease-in-out alternate infinite; }
 @keyframes star-movement {
 0% {
 transform: scale(0.5) translateZ(0);
 opacity: 0;
}
 20% {
 opacity: 1;
}
 99% {
 opacity: 1;
}
 100% {
 transform: scale(2) translateZ(0);
 opacity: 0;
}
}
@keyframes direction-movement {
 from {
 transform-origin: -12vw -2vh;
}
 to {
 transform-origin: 25vw 23vh;
}
}
/* 页码 */
.pagination { width: 100%; height: 38px; margin: 15px auto; }
.pagination span { float: left; display: inline; }
.pagination a { display: inline; float: left; overflow: hidden; padding: 0 10px; color: #505050; margin-right: 10px; text-decoration: none; }
.pagination b { border-bottom: 1px solid #c11e0d; display: inline; float: left; line-height: 27px; ; padding: 0 5px; margin-right: 10px; text-decoration: none; }
.pagination a:hover { color: #e2523a; text-decoration: none; }
.pagination a.click { background: #c11e0d; color: #FFF; float: left; }
.pagination a.uclick { background: #fafafa; color: #cccccc; float: left; }
.pagination .txtinput { float: left; line-height: 17px; height: 17px; width: 20px; padding: 0 2px; font-size: 12px; margin-right: 4px; }
.pagination .button { float: left; height: 22px; padding: 2px; margin-right: 4px; background: url(../images/b_bg.jpg); width: 40px; line-height: 15px; font-size: 12px; }
.all { width: 1180px; height: auto; margin: 0 auto }
.full { width: 100%; height: 0; padding-top: 10.41%; background: url(../images/full.jpg) center no-repeat; background-size: contain; margin: 0 auto; }
.sitemap { height: 50px; }
.sitemap .container { width: 1180px; font-size: 16px; height: 50px; line-height: 50px; margin: 0 auto; padding-left: 18px }
.sitemap .container a { display: inline; color: #7c7c7e }
.main { width: 1200px; margin: 0 auto; height: auto; overflow: hidden; display: flex; justify-content: space-between; }
.main .main_left { width: 72.5%; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 20px; padding: 1.66%; }
.main .main_left .entry { border-bottom: 1px solid #eee; background: #fff; }
.main .main_left .entry h1 { height: 37px; font-size: 22px; line-height: 37px; border-bottom: 2px solid #007ab9; display: inline-block; }
.main .main_left .content { font-size: 14px; line-height: 28px }
.main .main_left .content .newslist { font-size: 12px; overflow: hidden; min-height: 980px; }
.main .main_left .content .newslist li { padding: 20px 0; overflow: hidden; _height: 118px; border-bottom: #e3e3e3 solid 1px; display: flex; justify-content: space-between; align-items: stretch; }
.main .main_left .content .newslist li .img { width: 26.5%; overflow: hidden; border-radius: 10px; }
.main .main_left .content .newslist li .mask { width: 100%; height: 0; padding-top: 65.9%; display: block; position: relative; overflow: hidden; }
.main .main_left .content .newslist li .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; margin-top: 0; }
.main .main_left .content .newslist li .txt { width: 72%; line-height: 2rem; display: flex; flex-direction: column; justify-content: space-between; }
.main .main_left .content .newslist li .txt h2 a { font-size: 1.8rem }
.main .main_left .content .newslist li .txt .smalltext { margin-top: 0; font-size: 14px; line-height: 28px; color: #999; text-indent: 0; }
.main .main_left .content .newslist li .txt .listtime { color: #9d9d9d; line-height: 20px; font-size: 12px; margin-right: 20%; }
.main .main_left .content .newslist li .txt .listlook { color: #9d9d9d; line-height: 20px; font-size: 12px; }
.main .main_left .content .pagebar { font-family: Verdana, Geneva, sans-serif; height: 30px; border: 1px solid #d5d5d5; font-size: 12px; padding: 0 12px; line-height: 30px }
.main .main_left .content .pagebar .pl { float: left }
.main .main_left .content .pagebar .pr { float: right }
.main .main_left .content .pagebar .pr a { border: 1px solid #d5d5d5; display: inline-block; width: auto; height: 12px; line-height: 12px; padding: 4px; _margin-top: 4px }
.main .main_left .content .pagebar .pr a:hover { border: 1px solid #dd127b }
.news_xaingxi { margin: 15px auto 0; line-height: 50px; color: #505050; font-size: 28px; font-weight: 700; }
.news_author { height: 40px; line-height: 40px; color: #505050; font-size: 14px; border-bottom: #e1e3df 1px solid; margin: 0 auto 15px; }
.main .main_left .content p { margin-top: 15px; font-size: 18px; line-height: 36px; text-indent: 2em; }
.main .main_left .content img { margin-top: 15px; }
.main .main_left .content p img { max-width: 100% !important; display: block; margin: 0 auto; }
.news_content { width: 890px; height: auto; line-height: 25px; color: #505050; font-size: 12px; margin: 0 auto }
.cp-child { overflow: hidden; }
.cp-child h3 { float: left; margin: 20px 10px 20px 0; padding: 8px 15px; border: 1px solid #dcdcdc; border-radius: 20px; -webkit-border-radius: 20px; display: inline-block; font-size: 14px; font-weight: 700; }
.cp-child h3:hover, .lfaon { background: #cf0000; color: #fff; }
.main .main_left .cateslist { background: #fff; overflow: hidden; }
.main .main_left .cateslist ul { overflow: hidden; min-height: 900px; }
.main .main_left .cateslist dl dt { background: url(../images/tit1.gif) repeat-x; height: 32px; padding-left: 12px; line-height: 32px; font-weight: 700 }
.main .main_left .cateslist li { box-shadow: 0px 4px 4px #d5d5d5; float: left; margin: 16px 2.16%; width: 29%; border-radius: 10px; overflow: hidden; }
.main .main_left .cateslist li .img { width: 100%; height: 0; padding-top: 66.66%; position: relative; }
.main .main_left .cateslist li .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.main .main_left .cateslist li .img a:hover img { opacity: .7; }
.main .main_left .cateslist li .txt { height: 40px; line-height: 35px; font-size: 16px; text-align: center; overflow: hidden; }
.main .main_right { width: 25%; }
.main .main_right .rightitem { margin-bottom: 30px; padding: 15px; background: #ffffff; border-radius: 10px; }
.main .main_right .rightitem .tit { border-bottom: 1px solid #eee; height: 45px; }
.main .main_right .rightitem .tit h4 { height: 43px; font-size: 14px; font-weight: 700; line-height: 45px; border-bottom: 2px solid #007ab9; display: inline-block; }
.main .main_right .rightitem .rightnews { background: #ffffff; }
.main .main_right .rightitem .cates { padding: 12px 0 0 }
.main .main_right .rightitem .cates h3 { background: #ddd; font-weight: 700; font-size: 20px; text-align: center; height: 50px; line-height: 50px; margin-bottom: 15px; border-radius: 5px; }
.main .main_right .rightitem .cates h3:hover { background-color: #027bc4; color: #fff; }
.main .main_right .rightitem .cates .lfaon { background-color: #027bc4; color: #fff; }
.main .main_right .rightitem .lianxi { }
.main .main_right .rightitem .lianxi .tel { background: url(../images/tel1.gif) left center no-repeat; font-size: 14px; margin: 20px 0; padding-left: 80px }
.main .main_right .rightitem .lianxi .dizi { line-height: 24px; }
.backlist { display: none; }
.pagebar li { float: left; list-style: none; margin-left: 5px; margin-right: 5px }
.zoom-section { clear: both; margin-top: 20px }
*html .zoom-section { display: inline; clear: both }
.zoom-desc { float: left; margin-left: 10px; width: 310px; margin-bottom: 20px }
.zoom-small-image { border: 1px solid #ccc; float: left; margin-bottom: 20px }
.zoom-tiny-image { border: 1px solid #ccc; margin: 0 }
.zoom-tiny-image:hover { border: 1px solid #c00 }
.prohead { overflow: hidden }
.prohead .hleft { width: 402px; float: left }
.prohead .hleft .proimg { width: 400px; height: 400px }
.prohead .hleft .proimg img { width: 400px; height: 400px }
.prohead .hleft .smallimg { width: 402px; height: 60px; overflow: hidden }
.prohead .hleft .smallimg dl { width: 402px; height: 60px }
.prohead .hleft .smallimg dl dt { width: 10px; height: 45px; margin-top: 8px }
.prohead .hleft .smallimg dl dt.prev { float: left }
.prohead .hleft .smallimg dl dt.next { float: right }
.prohead .hleft .smallimg dd { width: 360px; height: 60px; float: left; margin-left: 12px; overflow: hidden }
.prohead .hleft .smallimg dd li { width: 72px; float: left; height: 60px; text-align: center }
.prohead .hleft .smallimg dd li img { width: 58px; height: 58px; border: 1px solid #ccc }
.prohead .hleft .smallimg dd li a:hover img, .prohead .hleft .smallimg dd li a.hover img { border-color: #dd127b }
.prohead .hleft .btns { margin-top: 20px }
.prohead .hleft .btns span { display: none }
.prohead .hleft .btns a { display: block; height: 22px; line-height: 22px; text-indent: 20px; font-size: 12px; background: url(../images/btn-s-bg.png) no-repeat; float: left; margin-right: 16px; width: 80px }
.prohead .hleft .btns a.b1 { background-position: left -150px }
.prohead .hleft .btns a.b2 { background-position: left -30px; width: 93px }
.prohead .hleft .btns a.b3 { background-position: left -120px }
.prohead .hleft .btns a.b4 { background-position: left -60px }
.prohead .hright { float: right; width: 500px; font-family: microsoft yahei }
.prohead .hright h1 { font-size: 18px }
.prohead .hright h2 { font-size: 15px; color: #ff7300 }
.prohead .hright .proinfo { border-bottom: 1px solid #ddd; padding-bottom: 12px }
.prohead .hright .btns { padding: 10px 0 }
.prohead .hright .btns img { margin-right: 20px }
.prohead .hright .tips { border: #f66 1px solid; background-color: #fcf; font-size: 12px; padding: 0 12px; color: red; display: none }
.procontent { margin-top: 20px }
.procontent .tit { height: 40px; line-height: 40px; border-bottom: 2px solid #148d00 }
.procontent .tit dt { float: left; height: 40px; line-height: 40px; color: #fff; background-color: #148d00; text-align: center; width: 160px; font-weight: 700; font-size: 14px }
.procontent .detail { margin-top: 20px }
.formbox { padding-top: 12px }
.formbox dl { border: 1px solid #d5d5d5; border-radius: 4px; overflow: hidden; _float: left }
.formbox dl dt { background: url(../images/tit1.gif) repeat-x; height: 32px; padding-left: 12px; line-height: 32px; font-weight: 700 }
.formbox dl dd { padding: 20px 0; line-height: 26px }
.formbox dl dd input { border: 1px solid #ccc; height: 30px; border-radius: 4px; padding: 0 12px }
.formbox dl dd textarea { border: 1px solid #ccc; height: 100px; border-radius: 4px }
.formbox dl dd input.submit { background-color: #148d00; color: #fff; border-color: #148d00; text-shadow: 1px 1px 0 #148d00 }
.formbox dl dd .rate { background: url(../images/stars_3_small.gif) no-repeat; width: 80px; height: 12px; overflow: hidden }
.formbox dl dd .rate label { width: 14px; height: 12px; float: left; display: block; cursor: pointer; padding: 0; margin: 0; line-height: 12px; margin-right: 1px }
.formbox dl dd .ratesbox { width: 0; height: 0; overflow: hidden; float: left }
.formbox dl dd .rate.rate1 { background: url(../images/stars_1_small.gif) no-repeat }
.formbox dl dd .rate.rate2 { background: url(../images/stars_2_small.gif) no-repeat }
.formbox dl dd .rate.rate3 { background: url(../images/stars_3_small.gif) no-repeat }
.formbox dl dd .rate.rate4 { background: url(../images/stars_4_small.gif) no-repeat }
.formbox dl dd .rate.rate5 { background: url(../images/stars_5_small.gif) no-repeat }
.formbox .btnews { padding: 0 20px; overflow: hidden }
.formbox .btnews li { width: 300px; float: left; list-style: square inside; margin-left: 20px; margin-right: 10px }
.formbox .reviewbox { padding: 0 30px }
.formbox .reviewbox li { padding-bottom: 12px }
.formbox .reviewbox li .name { font-weight: 700 }
.formbox .reviewbox li .name span { color: #f90; margin: 0 12px }
.formbox .reviewbox li .reply { background: #f4f4f4; padding: 0 12px }
.formbox .reviewbox li .reply span { color: #999 }
.rexian { width: 493px; height: 56px; line-height: 56px; color: red; border-top: #999 solid 1px; border-bottom: #999 solid 1px; font-size: 22px; font-family: microsoft yahei }
.map_main { margin: 10px 0; overflow: hidden; padding-bottom: 10px }
.sitemap_con { color: #666; margin: 0 auto; width: 1100px }
.sitemap_con .map_top { border-bottom: 1px solid #ccc }
.sitemap_con .map_top img { float: left }
.site_r_link { background: none repeat scroll 0 0 #f8f8f8; border: 1px solid #cdcdcd; float: right; margin-top: 45px; padding: 5px 10px; width: 120px }
.site_plc { background: url(../images/ico27.gif) no-repeat scroll 0 8px; padding: 5px 0; text-indent: 10px }
.sitemap_con h4 { line-height: 30px; font-size: 14px }
.sitemap_con h4 a { color: #a30c01 }
.b4 { height: auto; overflow: hidden; border-bottom: 1px dotted #ccc; margin-bottom: 8px }
.b4 ul { padding: 0 11px }
.b4 li { float: left; line-height: 25px; overflow: hidden; white-space: nowrap; width: 164px }
.b4 li a { color: #666 }
.b4 li a:hover { color: #a30c01 }
.fanye { margin-top: 30px; padding: 10px 10px 0; height: auto; overflow: hidden; border-top: 1px solid #d5d5d5; }
.fanye li { font-size: 18px; overflow: hidden; height: 35px; line-height: 35px; }
.fanye li a { color: #274b8b; display: inline }
.tcp { margin-top: 10px; background: #f3f3f3; border-radius: 10px; overflow: hidden; }
.tcp a img { height: 170px; width: 268px; }
.tcp a p { height: 40px; font-size: 16px; text-align: center; overflow: hidden; color: #000 }
/*kefu css*/
.izl-rmenu { position: fixed; right: 0; bottom: 115px; padding-bottom: 20px; background: url(../images/r_b.png) 0px bottom no-repeat; z-index: 999; }
.izl-rmenu .btn { width: 72px; height: 73px; margin-bottom: 1px; cursor: pointer; position: relative; }
.izl-rmenu .btn-qq { background: url(../images/r_qq.png) 0px 0px no-repeat; background-color: #6da9de; }
.izl-rmenu .btn-qq:hover { background-color: #488bc7; }
.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited { background: url(../images/r_qq.png) 0px 0px no-repeat; background-color: #472f88; text-decoration: none; display: block; }
.izl-rmenu .btn-wx { background: url(../images/r_wx.png) 0px 0px no-repeat; background-color: #3e882f; }
.izl-rmenu .btn-wx:hover { background-color: #58a81c; }
.izl-rmenu .btn-wx .pic { position: absolute; left: -160px; top: 0px; display: none; width: 160px; height: 160px; }
.izl-rmenu .btn-phone { background: url(../images/r_phone.png) 0px 0px no-repeat; background-color: #007ab9; }
.izl-rmenu .btn-phone:hover { background-color: #ff811b; }
.izl-rmenu .btn-phone .phone { background-color: #ff811b; position: absolute; width: 160px; left: -160px; top: 0px; line-height: 37px; color: #FFF; font-size: 18px; text-align: center; display: none; }
.izl-rmenu .btn-top { background: url(../images/r_top.png) 0px 0px no-repeat; background-color: rgb(0 0 0 / 30%); display: none; }
.izl-rmenu .btn-top:hover { background-color: #444; }
/*sipin css*/
.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media only screen and (max-width: 960px) {
.top1 { display: none; }
.header { position: fixed; top: 0; z-index: 10; }
.header_c { width: 100%; margin: 0 auto; background: url(../images/home.png) no-repeat #3a85c1 10px center; background-size: auto 65%; }
.header_c .mylogo { width: 100%; height: 50px; text-align: center; }
.mylogo a img { display: none; }
.header_c .mylogo h1 { display: block; line-height: 50px; color: #fff; font-size: 2.2rem; }
.mylogo img { height: 100%; margin-left: 20px; }
.header_c .phone { display: none; }
.m-search { z-index: 2; border: 0px; outline: 0px; background: none; font-size: 1.8rem; color: #ffffff; text-align: center; position: fixed; right: 55px; top: 10px; width: 30px; display: block; height: 30px; }
.m-search.opensec .fa-search:before { content: "\f011"; }
.header_c .search { z-index: 2; position: fixed; top: 50px; margin-top: 0; width: 100%; display: none; height: 50px; background: #6da9de; }
.header_c .search form { position: absolute; right: 15%; bottom: 8px; width: 70%; }
#navToggle { display: inline-block; }
.navBar { display: none; }
.banner { margin-top: 50px; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 18px; }
.banner .banner_down { width: 50px; margin-left: -25px; }
.headNew a { font-size: 2.4rem; line-height: 3.2rem; }
.headNew a img { top: 20px; }
/* 焦点图 */
.slideBox { display: block; width: 100%; position: relative; overflow: hidden; margin-bottom: 30px; }
.slideBox .mslide { width: 96%; margin: 0 auto; }
.mslide .swiper-slide { height: 0; padding-bottom: 60%; position: relative; width: 100%; overflow: hidden; border-radius: 10px; }
.mslide .swiper-slide .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.mslide .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.mslide .swiper-slide .shadow { width: 100%; position: absolute; bottom: 0; left: 0px; z-index: 10; height: 40px; line-height: 40px; background: url(/skin/hf/images/newbg.png) repeat-x; display: block; text-align: left; }
.mslide .swiper-slide .shadow a { display: block; width: 70%; text-decoration: none; color: #fff; font-size: 16px; overflow: hidden; margin-left: 10px; font-family: "\5FAE\8F6F\96C5\9ED1"; }
.mslide .swiper-pagination { width: 40%; text-align: right; left: auto; right: 10px; bottom: 7px; }
.mslide .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 3px!important; background: #D9D9D9; opacity: 1; }
.mslide .swiper-pagination-bullet-active { background: #eac17e; opacity: 1; }
.headNew { width: 100%; }
/* Tab切换 */
.tabBox { display: block; margin: 30px auto 0; }
.tabBox .hd { height: 40px; line-height: 40px; font-size: 20px; overflow: hidden; background: #eee; border-top: 1px solid #ccc; padding: 0 10px; }
.tabBox .hd h3 { float: left; font-size: 2.2rem; }
.tabBox .hd h3 a { color: #007ab9; }
.tabBox .hd h2 { float: left; font-size: 16px; }
.tabBox .hd span { color: #ccc; font-family: Georgia; font-size: 16px; margin-left: 10px; }
.tabBox .hd ul { float: right; }
.tabBox .hd ul li { float: left; padding: 0 5px; vertical-align: top; font-size: 14px }
.tabBox .hd ul li a i { display: none; }
.tabBox .hd ul li.on a { color: #c70b00; display: block; height: 38px; line-height: 38px; border-bottom: 2px solid #c70b00; }
.tabBox .bd ul { padding: 10px; }
.tabBox .bd ul li { border-bottom: 1px dotted #ddd; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; }
.tabBox .bd li a { -webkit-tap-highlight-color: rgba(0,0,0,0); } /* 去掉链接触摸高亮 */
.tabBox .bd span { border-bottom: 1px dotted #ddd; float: right; text-align: right; width: 15%; color: #666; font-size: 90%; }
.tabimg { padding: 10px 0 0; }
.tabimg a { text-align: center; width: 45%; float: left; display: inline-block; margin: 0 2.5% 10px; overflow: hidden }
.tabimg a .mask { height: 0; padding-bottom: 75%; position: relative; width: 100%; overflow: hidden; border-radius: 5px; }
.tabimg img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.tabimg p { width: 100%; color: #333; overflow: hidden; float: left; }
.hfcp { width: 96%; margin: 0 auto; overflow: hidden; }
.hfcp_t .pctag li i { display: none; }
.hfcp_c ul li { width: 48%; margin-bottom: 10px; }
.hfcp_c ul li img { width: 100%; height: 100%; }
.tag-box { width: 96%; text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; }
.con1 { background-size: cover; background-position: right; }
.conxw { width: 96%; height: auto; padding-bottom: 30px; flex-direction: column; }
.gsjj { width: 100%; height: auto; }
.gsjj_c { background-size: contain; }
.gsjj_c p { font-weight: 400; line-height: 20px; }
.gsjj_btn { margin-top: 0; }
.gsdt { width: 100%; margin-top: 30px; }
.gsdt ul li .dtpic { width: 30%; }
.newc { width: 70%; }
.newc span a { height: auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: pre-wrap; }
.newc p { display: none; }
.Time { display: none; }
.hy_pic { width: 100%; margin-top: 30px; border-radius: 0px; }
.hy_pic img { width: 100%; }
.jdal { width: 100%; }
.jdal_t { padding: 0 10px; }
.jdal_t span { height: 25px; line-height: 25px; }
.jdal_c { width: 96%; margin: 0 auto 20px; }
.links { height: auto; margin-top: 0; }
.links_c { width: 96%; height: auto; padding-top: 30px; padding-left: 0; background-size: 25%; }
.footer { margin-bottom: 40px; }
.full { margin: 50px auto 0; }
.sitemap .container { width: 96%; padding-left: 0; }
.main { width: 100%; }
.main .main_left { width: 100%; }
.main .main_left .content .newslist { min-height: auto; }
.main .main_left .content .newslist li { padding: 10px 0; }
.cp-child h3 { margin: 20px 10px 0 0; }
.main .main_left .cateslist ul { min-height: auto; }
.main .main_left .cateslist li { margin: 16px 2%; width: 46%; }
.main .main_right { display: none; }
.bshare-custom.icon-medium { display: none; }
.main .main_left .content p img { width: 100%!important; height: auto!important; }
.backlist { display: block; width: 36%; margin: 2% auto; border-radius: 1.2rem; background: #c70b00; text-align: center; color: #fff; padding: 1.2% 0; }
.main .main_left .content .newslist li .txt .smalltext { display: none; }
.main .main_left .content .newslist li .txt h2 { height: 4.6rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; word-break: break-all; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: pre-wrap; }
.fc { width: 96%; }
.flcc .erwei img { height: 35px; }
.fc p { width: 100%; }
.fc .bddt { display: none; }
.footer .copyright { display: none; }
.izl-rmenu .btn-wx, .izl-rmenu .btn-phone, .izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited { display: none; }
.izl-rmenu .btn-top { width: 50px; height: 50px; right: 5px; background-size: 100%; }
.izl-rmenu .btn-top:hover { background-color: rgb(0 0 0 / 30%); }
.foc { display: flex; justify-content: space-between; flex-direction: row; background: #3a85c1; overflow: hidden; position: fixed; z-index: 9999; bottom: 0; width: 100%; }
.foc li { width: 33.33%; text-align: center; color: #fff; padding: 1.6% 0; cursor: pointer; }
.foc li span { line-height: 1.8rem; display: block; }
.foc li span i { font-size: 2.4rem; }
.foc li a { color: #fff; }
}